<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="Expires" content="0">
		<meta http-equiv="Pragma" content="no-cache">
		<meta http-equiv="Cache-control" content="no-cache">
		<meta http-equiv="Cache" content="no-cache">
		<title>Insert title here</title>
		<!-- 引入JQuery -->
		<script type="text/javascript" src="resources/js/easyui/jquery.min.js"></script>

		<!-- 引入EasyUI -->
		<script type="text/javascript" src="resources/js/easyui/jquery.easyui.min.js"></script>

		<!-- 引入EasyUI的中文国际化js，让EasyUI支持中文 -->
		<script type="text/javascript" src="resources/js/easyui/locale/easyui-lang-zh_CN.js"></script>

		<!-- 引入EasyUI的样式文件-->
		<link rel="stylesheet" href="resources/js/easyui/themes/default/easyui.css" type="text/css" />


		<!-- 引入EasyUI的图标样式文件-->
		<link rel="stylesheet" href="resources/js/easyui/themes/icon.css" type="text/css" />

		<!-- 引入自己开发的JS 文件  -->
		<script type="text/javascript" src="resources/js/pageEmployee.js"></script>

	</head>
	<body>
		<!-- event.keyCode == 13 回车调用某个方法 -->
		<table id="dg"></table>
		<div id="tb" style="padding: 5px;">
			<a class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="add()">增加</a> <a class="easyui-linkbutton"
			 iconCls="icon-edit" plain="true" onclick="update()">修改</a> <a class="easyui-linkbutton" iconCls="icon-remove" plain="true"
			 onclick="del()">删除</a><a class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="addUser()">新增用户</a> <a
			 class="easyui-linkbutton" iconCls="icon-reload" plain="true" onclick="reload()">刷新</a>
			<div style="padding: 5px;">
				&nbsp;查询用户：&nbsp;<input type="text" class="easyui-textbox" id="s_empName" name="s_empName" size="20" onkeydown="if(event.keyCode == 13)mysearch()" />
				&nbsp;入职日期：&nbsp;<input id="s_hireDate" name="s_hireDate" style="width: 150px">

				<a href="javascript:mysearch()" class="easyui-linkbutton" iconCls="icon-redo" plain="true">查询</a> <a href="javascript:reset()"
				 class="easyui-linkbutton" iconCls="icon-reload" plain="true">重置</a>
			</div>
		</div>


		<!-- 提交对话窗口的内容-->
		<div id="dlg" style="width: 800px; height: 600px; padding: 10px 10px">
			<form id="fm" method="post" class="easyui-form">

				<fieldset style="border:solid 1px #aaa;padding:3px;">
					<legend>基本信息</legend>
					<div style="padding:10px;">
						<table>
							<tbody>
								<tr>
									<td style="width:150px;">
										<div class="fitem" id="div_employeeId">
											员工号: <input id="input_employeeId" name="employeeId" style="width: 150px;">
										</div>
									</td>
									<td style="width:10px;"></td>
									<td style="width:100px;">
										<div class="fitem">
											部门: <input id="input_departmentId" name="departmentId" style="width: 150px"> </input>
										</div>
									</td>
									<td style="width:10px;"></td>
									<td style="width:150px;">
										<div class="fitem">
											职位: <input id="input_positionId" name="positionId" style="width: 150px"> </input>
										</div>
									</td>
								</tr>
								<tr>
									<td style="width:150px;">
										<div class="fitem">
											<br> 姓名: <input name="name" class="easyui-textbox" style="width: 150px;">
										</div>
									</td>
									<td style="width:10px;"></td>
									<td style="width:150px;">
										<div class="fitem">
											<br> 性别: <input id="input_sex" name="sex" style="width: 150px;" />
										</div>
									</td>
									<td style="width:10px;"></td>
									<td style="width:150px;">
										<div class="fitem">
											<br> 婚否: <input id="input_married" name="married" style="width: 150px;" />
										</div>
									</td>
								</tr>
								<tr>
									<td style="width:150px;">
										<div class="fitem">
											<br> 学历: <input id="input_education" name="education" style="width: 150px"> </input>
										</div>
									</td>
									<td style="width:10px;"></td>
									<td style="width:150px;">
										<div class="fitem">
											<br> 电话: <input name="tel" style="width: 150px;">
										</div>
									</td>
									<td style="width:10px;"></td>
									<td style="width:150px;">
										<div class="fitem">
											<br> 邮箱: <input name="email" validType="email" style="width: 150px;">
										</div>
									</td>
								</tr>
								<tr>
									<td style="width:150px;">
										<div class="fitem">
											<br> 身份证号: <input name="sid" style="width: 150px;">
										</div>
									</td>
									<td style="width:10px;"></td>
									<td style="width:150px;">
										<div class="fitem">
											<br> 入职日期: <input name="hireDate" class="easyui-datebox" required="required" style="width: 150px;">
										</div>
									</td>
									<td style="width:10px;"></td>
									<td style="width:150px;">
										<div class="fitem" id="div_termDate">
											<br> 离职日期: <input id="input_termDate" name="termDate" class="easyui-datebox" style="width: 150px;">
										</div>
									</td>
								</tr>
								<tr>
									<td style="width:150px;">
										<div class="fitem">
											<br> 状态: <input id="input_status" name="status" style="width: 150px"> </input>
										</div>
									</td>
									<td style="width:150px;">
										<div id="dlg-buttons">
											<a href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="save();">保存</a> <a href="#" class="easyui-linkbutton"
											 iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')">取消</a>
										</div>
									</td>
								</tr>

							</tbody>
						</table>
					</div>
				</fieldset>




			</form>

		</div>



	</body>
</html>
